<template>
    <view class="price flex items-center">
        <view class="price__current">
            ￥{{props.current}}
        </view>
        <view class="price__original">
            ￥{{props.original}}
        </view>
    </view>
</template>
<script setup lang="ts">
    interface Price {
        original : number,
        current : number
    }
    const props = withDefaults(defineProps<Price>(), {
        original: 0,
        current: 0
    })
    console.log(typeof props.current)
</script>
<style lang="scss" scoped>
    .price {


        &__current {
            color: #e75485;
            font-weight: bold;
            font-size: 24rpx;
        }

        &__original {
            font-size: 22rpx;
            color: #a6aab3;
            font-style: italic;
            text-decoration: line-through;
            margin-left: 20rpx;
        }
    }
</style>